<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>干净的轮播图-完整版</title>
    <meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
    <!-- 引入facicon.ico网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <!-- 引入css 初始化的css 文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式的css 文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入 首页的css文件 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 这个animate.js 必须写到 index.js的上面引入 -->
    <script src="js/animate.js"></script>
    <!-- 引入我们首页的js文件 -->
    <!-- <script src="js/index.js"></script> -->
    <script src="js/step/17.js"></script>

    
    <style>
		.focus{
			overflow: visible;
		}
    </style>
</head>

<body>



    <!-- nav end  -->
    <!-- main 模块 -->
    <div class="w">
        <div class="main">
            <div class="focus fl">
                <!-- 左侧按钮 -->
                <!-- #和jvascript的区别: #会被认为是一个锚点, 所以页面会跳转到顶部 -->
                <!-- javascript:; 相当于告诉浏览器, 当前需要执行一段js代码 -->
                <a href="javascript:;" class="arrow-l">
                    &lt;
                 </a>
                <!-- 右侧按钮 -->
                <a href="javascript:;" class="arrow-r">  </a>
                <!-- 核心的滚动区域 -->
                <ul>
                    <li>
                        <a href="#"><img src="upload/focus.jpg" alt="0"></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/focus1.jpg" alt="1"></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/focus2.jpg" alt="2"></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/focus3.jpg" alt="3"></a>
                    </li>
                    <!-- 手动复制第一张图片 -->
                    <!-- <li>
                        <a href="#"><img src="upload/focus.jpg" alt="0"></a>
                    </li> -->
                    
                </ul>
                <!-- 小圆圈 -->
                <ol class="circle">

                </ol>
            </div>

        </div>
    </div>

  
    <!-- footer end -->
</body>

</html>